@extends('astron.layout_cn')
@section('content')
<div id="content">
    
<section class="container contact-container text-center">

                <div class="row">
                      <article class="contact-content-inner inner-pad col-md-6 contact-bg text-center">
                        <div class="valign">
                        	
                        </div>
                      </article>
                      <article class="contact-content-inner inner-pad col-md-6 white-bg text-left">

                      <div class="valign">
                          <h3 class="sub-heading">发送邮件</h3>
						<div id="contact-form-wrap" class="container">
					          <div class="contact-item pad-common ">
					            <div class="alert alert-error error " id="fname">
					              <p>名字不能为空</p>
					            </div>
					            <div class="alert alert-error  error" id="fmail">
					              <p>请填写email帐号</p>
					            </div>
					             <div class="alert alert-error  error" id="fmsg">
					               <p>邮件信息不能为空</p>
					             </div>
					              <form name="myform" id="contactForm" action="sendcontact.php" enctype="multipart/form-data" method="post"> 
					                <article>
					                  <input type="text" placeholder="Your Name" id="name" name="name" size="100" class="border-form">
					                </article>
					                <article>
					                   <input type="text" placeholder="Valid email ID" name="email" id="email" size="30" class="border-form">
					                 </article>
					                 <article>
					                  <textarea placeholder="Your Message" name="message" cols="40" rows="3" id="msg" class="border-form"></textarea>
					                  <div class="btn-wrap  text-left">
					                    <button class="btn btn-reflex btn-reflex-dark" id="submit" name="submit" type="submit">发送</button>
					                  </div>
					                </article>
					             </form>
					          </div>
					    </div>
                    </div>


                      </article>
                </div>
  
</section>





<section class="container color-bg text-center">

  <div class="row">

      <article class="col-md-12 team-job color-bg text-center pad-top pad-bottom">
          <h3 class="main-heading white">喜欢我们的工作么?</h3>
          <div class="trigger-button add-top-quarter">
              <a href="/contact_cn" class="btn btn-reflex btn-reflex-dark white">加入我们</a>
          </div>
      </article>
    </div>

</section>




</div>
<!-- end content -->
<footer class="container master-footer">
    <div class="row">
        <article class="col-md-6  text-left white-bg" id="map">
            <img src="images/map.png" alt=""/>
        </article>

        <article class="col-md-6 footer-column text-left white-bg">
            <h3>联系我们</h3>
            <ul class="foot-links">
                <li><span>北京市东城区东直门北小街青龙胡同1号歌华大厦B座420室</span></li>
                <li><span>Tel+86(0) 1084186659</span></li>
                <li><span>Fax+86(0) 1084186659</span></li>
            </ul><br>
            <h3>社交平台</h3>
            <div class="contact-li">
                <ul class="social-wrap">
                    <li><a href="#"><img alt="" title="" src="images/social/icon-menu-1.png"/></a></li>
                    <li><a href="#"><img alt="" title="" src="images/social/icon-menu-2.png"/></a></li>

                </ul>
            </div>
        </article>
    </div>
    <div class="row">
        <article class="col-md-12">
            <div class="bt_logo"><img src="images/logo.png" alt=""/></div>
        </article>
    </div>
</footer>
<!-- Core JS Libraries -->
<script src="bootstrap/js/jquery.js" type="text/javascript"></script>
<script src="javascripts/jquery.easing.1.3.js" type="text/javascript"></script>
<script src="bootstrap/js/bootstrap.js" ></script> 
<!-- JS Plugins -->
<script src="javascripts/device.min.js"></script>
<script src="javascripts/modernizr.js" type="text/javascript"></script>
<script src="javascripts/retina.js" type="text/javascript"></script>
<script src="javascripts/responsive-nav.js" type="text/javascript"></script>
<script src="javascripts/navi-slidedown.js" type="text/javascript"></script>
<script src="javascripts/equalheights.js" ></script> 
<script src="javascripts/jquery.parallax-1.1.3.js" ></script> 
<script src="javascripts/jquery.tweet.js"></script>
<script src="javascripts/jquery.slimmenu.min.js"></script>

<!-- JS Custom Codes --> 
<script src="javascripts/equalheights-init.js" ></script> 
<script src="javascripts/hiding-nav.js"></script> 
<script src="javascripts/parallax-init.js"></script> 
<script src="javascripts/form-validation.js" ></script>
<script src="javascripts/pace.min.js" ></script>  
<script src="javascripts/main.js" ></script> 
@stop